<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
<meta name="HandheldFriendly"content="true"/>
<meta http-equiv="x-rim-auto-match" content="none"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no">
<title>搭些好室友</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="style/css/global.css" rel="stylesheet">
<link href="style/css/common.css" rel="stylesheet">
<script type="text/javascript" src="style/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="style/js/zepto.min.js"></script>
<script type="text/javascript" src="style/js/common.js"></script>
</head>

<body>
<div class="wrap">
	<!--头部-->
	<div class="header w_screen">
		<h1 class="title">搭些好室友</h1>
		<a href="javascript:history.go(-1);" class="btn_left"><span class="ico_back"></span></a>
		<a href="javascript:history.go(-1);" class="btn_right"><span class="ico_friends"></span></a>
	</div>

	<!--主体-->
	<div class="main pad_header">
		<div class="tab_nav"><a class="on" href="#">伙伴</a><a href="#">小组</a></div>
		<div class="board_team">
			<ul>
				<li>
					<div class="theme"><span>吃货组合</span></div>
					<div class="user">
						<dl>
							<dt><img src="style/images/img_user_img.jpg"></dt>
							<dd>Obama<span>前端总监</span></dd>
						</dl><span class="ico_and"></span><dl>
							<dt><img src="style/images/img_user_img.jpg"></dt>
							<dd>Obibi<span>设计总监</span></dd>
						</dl>
					</div>
					<div class="tab_box clearfix"><a href="#">极品吃货</a><a href="#">选择恐惧症</a><a href="#">健谈</a><a href="#">单车</a><a href="#">设计师</a></div>
					<div class="btn_box"><a class="btn" href="#">申请加入</a></div>
				</li>
				<li>
					<div class="theme"><span>吃货组合</span></div>
					<div class="user">
						<dl>
							<dt><img src="style/images/img_user_img.jpg"></dt>
							<dd>Obama<span>前端总监</span></dd>
						</dl><span class="ico_and"></span><dl>
							<dt><img src="style/images/img_user_img.jpg"></dt>
							<dd>Obibi<span>设计总监</span></dd>
						</dl>
					</div>
					<div class="tab_box clearfix"><a href="#">极品吃货</a><a href="#">选择恐惧症</a><a href="#">健谈</a><a href="#">单车</a><a href="#">设计师</a></div>
					<div class="btn_box"><a class="btn" href="#">申请加入</a></div>
				</li>
			</ul>
		</div>
	</div>
</div>

<div class="wrap_bg bg_grey w_screen"></div>
</body>
</html>